<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Clutter 简介</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
    <link rel="start" href="index.html" title="Clutter编程" />
    <link rel="up" href="sec-introduction.html" title="Chapter 1. Clutter 简介" />
    <link rel="prev" href="sec-introduction.html" title="Chapter 1. Clutter 简介" />
    <link rel="next" href="sec-installation.html" title="Chapter 2. 安装 Clutter" />
  </head>
  <body>
    <div class="navheader">
      <table width="100%" summary="Navigation header">
        <tr>
          <th colspan="3" align="center">Clutter 简介</th>
        </tr>
        <tr>
          <td width="20%" align="left"><a accesskey="p" href="sec-introduction.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <th width="60%" align="center">Chapter 1. Clutter 简介</th>
          <td width="20%" align="right"> <a accesskey="n" href="sec-installation.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
      </table>
      <hr />
    </div>
    <div class="sect1" lang="en" xml:lang="en">
      <div class="titlepage">
        <div>
          <div>
            <h2 class="title" style="clear: both"><a id="sec-clutter"></a>Clutter 简介</h2>
          </div>
        </div>
      </div>
      <p>
<span class="application">Clutter</span> 提供了一套基于 C 语言的 API，可以帮助你创建简洁、视觉效果丰富的用户界面。它提供了很多对象 (actor) ，这些对象可以被放在画布上 (stage) 并被应用程序和用户操纵。 
因此，<span class="application">Clutter</span> 是 "retained mode" 的图形 API。与传统的 2D 图形 APIs 不同， <span class="application">Clutter</span> 支持界面元素 (actor) 沿 Z 轴移动。</p>
      <p>与直接使用复杂的 OpenGL 或者其它 3D 接口不同，用 <span class="application">Clutter</span> 创建 3D 界面变得非常简单。 
For instance，it restricts the user interaction to the 2D plane facing the user, which is appropriate for today's devices 
allowing interaction only with a 2D plane such as a touchscreen. In addition, your application does not need to provide visual 
context to show the user which objects are, for instance, small rather than far away.</p>
      <p>另外， <span class="application">Clutter</span> 提供了时间线 (timeline) 和行为 (behavior) 抽象，用它们可以非常容易的实现动画，只需设置界面元素的属性 (如位置、旋转角度或透明程度)、定义一些回调函数即可。</p>
      <p>在 PC 桌面上，<span class="application">Clutter</span> 使用了流行的 OpenGL 3D API，支持硬件加速。 
在手持设备上，<span class="application">Clutter</span> 使用 OpenGL ES，一个用于嵌入式设备的 OpenGL API 子集。因此，无论在什么平台上，只要需要，你都可以直接使用 OpenGL 或者 OpenGL ES。</p>
      <p>
后面几章你将学会在画布上 (stage) 上怎样放置元素 (actor)，怎样设置元素的属性，怎样使用时间线 (timeline) 和行为 (behaviour) 改变元素的属性，以及通过这些怎样与用户交互。
</p>
    </div>
    <div class="navfooter">
      <hr />
      <table width="100%" summary="Navigation footer">
        <tr>
          <td width="40%" align="left"><a accesskey="p" href="sec-introduction.html"><img src="../icons/prev.png" alt="Prev" /></a> </td>
          <td width="20%" align="center">
            <a accesskey="u" href="sec-introduction.html">
              <img src="../icons/up.png" alt="Up" />
            </a>
          </td>
          <td width="40%" align="right"> <a accesskey="n" href="sec-installation.html"><img src="../icons/next.png" alt="Next" /></a></td>
        </tr>
        <tr>
          <td width="40%" align="left" valign="top">Chapter 1. Clutter 简介 </td>
          <td width="20%" align="center">
            <a accesskey="h" href="index.html">
              <img src="../icons/home.png" alt="Home" />
            </a>
          </td>
          <td width="40%" align="right" valign="top"> Chapter 2. 安装 <span class="application">Clutter</span> </td>
        </tr>
      </table>
    </div>
  </body>
</html>
